<template>
  <div class="zlxg-page">
    <div class="primary-header clearfix flex flex-row align-center">
      <div class="line" />
      <span class="font18 ml10 flex-auto">填报人情况</span>
    </div>
    <div class="table-content">
      <el-descriptions class="margin-top" :column="4" border>
        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            当事人
          </template>
          {{ formData.sjsx_dsr }}
        </el-descriptions-item>
        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            当事性质
          </template>
          {{ formData.sjsx_dsxz }}
        </el-descriptions-item>
        <template v-if="formData.sjsx_dsr == '特定患者'">
          <el-descriptions-item
            :span="2"
            :content-style="contentStyle"
            :label-style="labelStyle"
          >
            <template slot="label">
              患者姓名
            </template>
            {{ formData.sjsx_patient_name }}
          </el-descriptions-item>
          <el-descriptions-item
            :span="2"
            :content-style="contentStyle"
            :label-style="labelStyle"
          >
            <template slot="label">
              年龄
            </template>
            {{ formData.sjsx_patient_age }}
          </el-descriptions-item>
          <el-descriptions-item :span="2" :content-style="contentStyle" :label-style="labelStyle">
            <template slot="label">
              性别
            </template>
            {{ formData.sjsx_patient_sex }}
          </el-descriptions-item>
          <el-descriptions-item
            :span="2"
            :content-style="contentStyle"
            :label-style="labelStyle"
          >
            <template slot="label">
              床号
            </template>
            {{ formData.sjsx_patient_bed }}
          </el-descriptions-item>
          <el-descriptions-item
            :span="2"
            :content-style="contentStyle"
            :label-style="labelStyle"
          >
            <template slot="label">
              病区
            </template>
            {{ formData.sjsx_patient_ward }}
          </el-descriptions-item>
          <el-descriptions-item
            :span="2"
            :content-style="contentStyle"
            :label-style="labelStyle"
          >
            <template slot="label">
              住院号
            </template>
            {{ formData.sjsx_patient_pi }}
          </el-descriptions-item>
          <el-descriptions-item
            :span="2"
            :content-style="contentStyle"
            :label-style="labelStyle"
          >
            <template slot="label">
              入院时间
            </template>
            {{ formData.rytime }}
          </el-descriptions-item>
          <el-descriptions-item
            :span="4"
            :content-style="contentStyle"
            :label-style="labelStyle"
          >
            <template slot="label">
              当前诊断
            </template>
            {{ formData.sjsx_patient_dqzd }}
          </el-descriptions-item>
        </template>
      </el-descriptions>
    </div>
    <div class="primary-header clearfix flex flex-row align-center mt20">
      <div class="line" />
      <span class="font18 ml10 flex-auto">填报人情况</span>
    </div>
    <div class="table-content">
      <el-descriptions class="margin-top" :column="3" border>
        <el-descriptions-item
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            姓名
          </template>
          {{ formData.tbrqk_name }}
        </el-descriptions-item>
        <el-descriptions-item
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            部门
          </template>
          {{ formData.tbrqk_dept }}
        </el-descriptions-item>
        <el-descriptions-item
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            事件发生日期
          </template>
          {{ formData.tbrqk_fsrq }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template slot="label">
            院区
          </template>
          {{ formData.hospital }}
        </el-descriptions-item>
        <el-descriptions-item>
          <template slot="label">
            事件发生地点
          </template>
          {{ formData.tbrqk_fsdd }}{{ formData.tbrqk_fsddqt }}
        </el-descriptions-item>
        <el-descriptions-item :span="2">
          <template slot="label">
            患者目前情况
          </template>
          {{ formData.tbrqk_hzmqqk }}
        </el-descriptions-item>
        <el-descriptions-item :span="3" :label-style="labelStyle">
          <template slot="label">
            事件经过
          </template>
          {{ formData.tbrqk_sjjg }}
        </el-descriptions-item>

        <el-descriptions-item>
          <template slot="label">
            完成填表日期
          </template>
          {{ createTime }}
        </el-descriptions-item>
      </el-descriptions>
      <div class="primary-header clearfix flex flex-row align-center mt20">
        <div class="line" />
        <span class="font18 ml10 flex-auto">噎食</span>
      </div>
      <el-descriptions class="margin-top" :column="2" border>
        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            意识状态
          </template>
          {{ formData.ywys_yszt | arrayString }}
        </el-descriptions-item>
        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            活动能力
          </template>
          {{ formData.ywys_hdnl | arrayString
          }}{{ formData.ywys_hdnlqt ? "," + formData.ywys_hdnlqt : "" }}
        </el-descriptions-item>
        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            自我照顾能力
          </template>
          {{ formData.ywys_zwzgnl | arrayString
          }}{{ formData.ywys_zwzgnlqt ? "," + formData.ywys_zwzgnlqt : "" }}
        </el-descriptions-item>
        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            发生噎食时
          </template>
          {{ formData.ywys_fsyss | arrayString
          }}
        </el-descriptions-item>
        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            噎食类型
          </template>
          {{ formData.ywys_qwys | arrayString }} <span v-if="formData.ywys_qwys.length> 0">( {{ formData.ywys_qwysval | arrayString }})</span>
          {{ formData.ywys_yzys | arrayString }} <span v-if="formData.ywys_yzys.length> 0">( {{ formData.ywys_yzysval | arrayString }})</span>
        </el-descriptions-item>
        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            噎食物件
          </template>
          {{ formData.ywys_yswj | arrayString
          }}{{ formData.ywys_yswjqt ? "," + formData.ywys_yswjqt : "" }}
        </el-descriptions-item>
        <el-descriptions-item
          :span="2"
          :content-style="contentStyle"
          :label-style="labelStyle"
        >
          <template slot="label">
            事件发生时处于哪项活动过程中
          </template>
          {{ formData.ddzc_hdgcz }}
        </el-descriptions-item>
      </el-descriptions>
      <div class="height60 text-center font18 line-height-60">处 理 措 施</div>
      <el-descriptions class="margin-top" :column="3" border>
        <el-descriptions-item :span="3" :label-style="labelStyle">
          <template slot="label">
            无介入
          </template>
          {{ formData.clcs_wjr | arrayString
          }}{{ formData.clcs_wjrqt ? "," + formData.clcs_wjrqt : "" }}
        </el-descriptions-item>
        <el-descriptions-item :span="3" :label-style="labelStyle">
          <template slot="label">
            医疗介入
          </template>
          {{ formData.clcs_yljr | arrayString
          }}{{ formData.clcs_yljrqt ? "," + formData.clcs_yljrqt : "" }}
        </el-descriptions-item>
        <el-descriptions-item :span="3" :label-style="labelStyle">
          <template slot="label">
            其他介入
          </template>
          {{ formData.clcs_qtjr | arrayString
          }}{{ formData.clcs_qtjrqt ? "," + formData.clcs_qtjrqt : "" }}
        </el-descriptions-item>
        <el-descriptions-item :span="3" :label-style="labelStyle">
          <template slot="label">
            其他
          </template>
          {{ formData.clcs_other }}
        </el-descriptions-item>
        <!-- <el-descriptions-item :span="3" :labelStyle='labelStyle'>
              <template slot="label">
                处理后病人的情况
              </template>
              {{formData.clhbrqk}}
            </el-descriptions-item> -->

      </el-descriptions>
    </div>
  </div>
</template>
<script>
export default {
  name: 'Gycwsj',
  filters: {
    arrayString(val) {
      if (val && val.length > 0) {
        return val.join(',')
      } else {
        return ''
      }
    }
  },
  props: ['formData', 'createTime'],
  data() {
    return {
      contentStyle: {
        'text-align': 'left',
        'min-width': '130px'
      },
      // label样式
      labelStyle: { width: '150px' }
    }
  },

  computed: {},
  mounted() {}
}
</script>
  <style lang="scss" scoped></style>
